import React from "react";

class King extends React.Component {
  constructor() {
    super();
    this.state = {
      name: "摸鱼欧阳锋",
    };
  }
  // 注册事件
  // 1.可以在表达式中直接书写处理函数
  // 2.讲处理函数写到类中
  // 3.所有的事件都是通过on+驼峰的事件名 onClick onMousedown onMouseover
  handClick = () => {
    //将事件处理函数写成箭头函数，防止this指向丢失
    // console.log(this);
    this.setState({
      name: "摸金校尉",
    });
  };
  render() {
    return (
      <fieldset>
        <legend>事件</legend>
        <h1>{this.state.name}</h1>
        {/* 第一种方式 */}
        {/* <button onClick={()=>{
                    this.setState({
                        name:"摸金校尉"
                    })
                }}>点击</button> */}
        {/* 第二种方式 */}
        {/* <button onClick={this.handClick}>点击</button> */}
        {/* 传参 */}
        <button
          onClick={() => {
            this.handClick("爱好");
          }}
        >
          点击
        </button>
      </fieldset>
    );
  }
}

export default King;
